ul, p{
 margin: 0;
 padding: 0;
}

li{
 list-style-type: none;
}

a{
 text-decoration: none;
}

.news_pic{
 position: relative;
 width: 500px;
 height: 339px;
 margin: 0 auto;
 text-align: center;
 overflow: hidden;
}

.news_pic ul{
 width: 84px;
 height: 24px;
 position: absolute;
 right: 0;
 bottom: 24px;
}

.news_pic li{
 float: left;
 width: 20px;
 height: 24px;
 line-height: 24px; /* 一行的情况下可实现垂直居中 */
 text-align: center;
 background-color: #5a5a5a;
 border-left: #f7f7f7 1px solid;
}

.news_pic li:hover{
 background-color: #b7b7b7;
}

.news_pic img{
 width: 500px;
 height: 315px;
 border-image: 0;
}

.news_pic p{
 width: 500px;
 height: 24px;
 line-height: 24px;
 overflow: hidden;
}

.news_pic ul a{
 color: white;
}
